<div>
    <ul id="slide-out" class="side-nav fixed">
        <li><div class="userView">
            <div class="background">
                <img src="images/office.jpg">
            </div>
            <a href="#!user"><img class="circle" src="images/yuna.jpg"></a>
            <a href="#!name"><span class="white-text name">张三</span></a>
            <a href="#!email"><span class="white-text email">jdandturk@sina.com</span></a>
        </div></li>
        <li class="no-padding">
            <ul class="collapsible collapsible-accordion">
                <li>
                    <a class="collapsible-header">下拉按钮<i class="material-icons">arrow_drop_down</i></a>
                    <div class="collapsible-body">
                        <ul>
                            <li><a href="#!">一</a></li>
                            <li><a href="#!">二</a></li>
                            <li><a href="#!">三</a></li>
                            <li><a href="#!">四</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </li>
        <li><a href="#!"><i class="material-icons">cloud</i>带图标的第一链接</a></li>
        <li>
            <router-link to="/foo/3" class="waves-effect waves-teal">关于我们</router-link>
        </li>
        <li><div class="divider"></div></li>
        <li><a class="subheader">子标题</a></li>
        <li><a class="waves-effect" href="#!">带波纹效果的第三链接</a></li>
    </ul>
</div>
